(function(){
    let href= location.href
console.log(href);
function getUrlParams(url){
    let reg =/^[^\s]+\?([^&\s\d]+=[^\s]+)*/
    let match =reg.exec(url)
    
    
    match= match[1];
    // console.log(match);
    if (!match){
        console.warn("没有匹配到参数")
        return null
    }
    // 解码
    let qureyString =decodeURI(match);
    // console.log(qureyString);
    // 切割qureyString成为数组；
    let qureyArr= qureyString.split('&');
    // console.log(qureyArr);

    let queryParamsObj={};
    qureyArr.forEach(item=>{
        let itemArr = item.split("=")
        queryParamsObj[itemArr[0]]=itemArr[1]
    })
    // console.log(queryParamsObj);
    return queryParamsObj;
}
// 获取url参数
let qr=getUrlParams(href);
// console.log(qr);
$.ajax({
    url:'http://chst.vip:1234/api/getproductlist',
    data:{
        categoryid :qr.categoryid,
        pageid : 1
    }
}).then(res=>{
    // console.log(res);
    render(res.result);
    renderPage(res.pagesize,res.totalCount)
    let page=Math.ceil(res.totalCount/res.pagesize)
    let pageNum=1;
    $(".prev").on("click",function(e){
        if(pageNum>1){ pageNum--}
        else return;
        
        $.ajax({
            url:'http://chst.vip:1234/api/getproductlist',
            data:{
                categoryid :qr.categoryid,
                pageid : pageNum
            }
        }).then(res=>{
            // console.log(res);
            render(res.result);
            // renderPage(res.pagesize,res.totalCount)
            console.log($("option"));
            $("#pageSelect").get(0).selectedIndex = pageNum-1
        })
    })
    $(".next").on("click",function(e){
        if(pageNum<page){
            pageNum++
        }else return;
        
        // console.log(pageNum);

        $.ajax({
            url:'http://chst.vip:1234/api/getproductlist',
            data:{
                categoryid :qr.categoryid,
                pageid : pageNum
            }
        }).then(res=>{
            // console.log(res);
            render(res.result);
            // renderPage(res.pagesize,res.totalCount)
            $("#pageSelect").get(0).selectedIndex = pageNum-1
        })
    })
    // $("#pageSelect").on("select","option",function (){
    //     console.log(1);
    // })
    $('#pageSelect').change(function() {
        //一:
        
        pageNum=$(this).val()
        $.ajax({
            url:'http://chst.vip:1234/api/getproductlist',
            data:{
                categoryid :qr.categoryid,
                pageid : pageNum
            }
        }).then(res=>{
            // console.log(res);
            render(res.result);
            // renderPage(res.pagesize,res.totalCount)
        })
    })
})
function render(data=[]){
    let html="";
    data.forEach(item => {
        
        html += `
        <li>
            <a href="productlist.html?categoryid=${item.categoryId}&productid=${item.productId}" class="clear_float" productid="${item.productId}">
                <div class="goods_img">${item.productImg}</div>
                <div class="goods_message">
                    <h4>${item.productName}</h4>
                    <div class="price">${item.productPrice}</div>
                    <div class="other"><span>${item.productQuote}</span><i>${item.productCom}</i></div>
                </div>
            </a>
        </li>
        `
    })

    $(".goods_contain").html(html)
}
function renderPage(pagesize,count){

    let html="";
    let page=Math.ceil(count/pagesize)
    for(i=1;i<=page;i++){
        html+=`
        <option value="${i}">${i}/${page}</option>
        `
    }

    $("#pageSelect").html(html)
    $("#category").html(qr.title)
}





}())